.appraiser-info{
  display: flex;
  align-items: center;
}
.appraiser-info .van-image {
  margin-right: 20rpx; /* 根据需要调整间距 */
}
.appraiser-info text {
  flex-grow: 1; /* 让文本占据剩余空间 */
}
.time {
  text-align: right; /* 右对齐 */
  margin-left: auto; /* 强制右对齐 */
}
.content {
  display: flex;
  align-items: flex-start; /* 垂直对齐方式，根据需要调整 */
}

.content-image {
  width: 300rpx; /* 根据需要调整宽度 */
  height: 250rpx; /* 根据需要调整高度 */
  margin-right: 20rpx; /* 图片与文本之间的间距 */
}

.content-text {
  flex-grow: 1; /* 让文本占据剩余空间 */
}
.main {
  display: flex;
  flex-direction: column;
  gap: 40rpx; /* 使用 gap 属性来设置间距 */
  padding: 20rpx; /* 增加容器内边距 */
}

.list {
  background-color: #e9e9e9;
  border-radius: 10rpx;
  padding: 20rpx;
  box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.1); /* 添加轻微阴影效果 */
  transition: transform 0.2s ease-in-out; /* 添加过渡效果 */
}

.list:hover {
  transform: scale(1.02); /* 鼠标悬停时稍微放大 */
}

.header,
.rating-section,
.content {
  margin-bottom: 20rpx; /* 各部分之间的间距 */
}

.no-data {
  text-align: center;
  padding: 40rpx;
}